<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4594799_8ol93yjpk6e.css"
    />
    <link rel="stylesheet" href="./chage_index.css" />
  </head>
  <body>
    <div class="container">
      <span class="iconfont icon-gouwuche"></span>
      <div class="header">
        <div>
          <div>
            <span class="iconfont icon-zuobiao"></span>
            <span>静林湾</span>
            <span class="iconfont icon-you"></span>
          </div>
          <div>
            <ul>
              <li>
                <span>晴</span>
                <span>-3℃</span>
              </li>
              <li>
                <span class="iconfont icon-taiyang-"></span>
              </li>
              <li>
                <span class="iconfont icon-xiaoxi"></span>
              </li>
            </ul>
          </div>
        </div>
        <div>
          <span class="iconfont icon-sousuo2"></span>
          <input type="text" placeholder="快餐" />
        </div>
      </div>
      <div class="Dumpling">
        <img src="./index_img/饺子.jpg" />
      </div>
      <div class="Carousel">
        <img src="./index_img/轮播.jpg" />
      </div>
      <div class="column">
        <div>
          <img src="./index_img/1.gif" />
          <span>美食</span>
        </div>
        <div>
          <img src="./index_img/2.gif" />
          <span>超市便利</span>
        </div>
        <div>
          <img src="./index_img/3.gif" />
          <span>蔬菜水果</span>
        </div>
        <div>
          <img src="./index_img/4.gif" />
          <span>美团专送</span>
        </div>
        <div>
          <img src="./index_img/5.gif" />
          <span>跑腿代购</span>
        </div>
        <div>
          <img src="./index_img/6.gif" />
          <span>午餐优选</span>
        </div>
        <div>
          <img src="./index_img/7.gif" />
          <span>甜点饮品</span>
        </div>
        <div>
          <img src="./index_img/8.gif" />
          <span>全城臻选</span>
        </div>
        <div>
          <img src="./index_img/9.gif" />
          <span>送药上门</span>
        </div>
        <div>
          <img src="./index_img/10.png" />
          <span>减免配送费</span>
        </div>
        <div class="Cursor">
          <span class="hover"></span>
          <span></span>
        </div>
      </div>
      <div class="Discount">
        <span>优惠专区</span>
        <div>
          <img src="./index_img/03.png" />
          <img src="./index_img/05.png" />
        </div>
        <div>
          <img src="./index_img/首页_03.png" />
          <img src="./index_img/首页_05.png" />
          <img src="./index_img/首页_07.png" />
          <img src="./index_img/首页_09.png" />
        </div>
      </div>
      <div class="main">
        <div>
          <span>为你优选</span>
          <span>更多<span class="iconfont icon-you"></span></span>
        </div>
        <div>
          <div>
            <img src="./index_img/商品.png" />
            <span>包子粥铺中的点评人气餐厅</span>
          </div>
          <div>
            <img src="./index_img/商品.png" />
            <span>包子粥铺中的点评人气餐厅</span>
          </div>
          <div>
            <img src="./index_img/商品.png" />
            <span>包子粥铺中的点评人气餐厅</span>
          </div>
          <div>
            <img src="./index_img/商品.png" />
            <span>包子粥铺中的点评人气餐厅</span>
          </div>
        </div>
      </div>
      <div class="footer">
        <div class="hover">
          <span class="iconfont icon-11"></span>
          <span>首页</span>
        </div>
        <div>
          <span class="iconfont icon-dingdan"></span>
          <span>订单</span>
        </div>
        <div>
          <span class="iconfont icon-changjinglu"></span>
          <span>我的</span>
        </div>
      </div>
    </div>
  </body>
</html>
